跳到主要内容

web平台

tip

在导出Web版本时,在创作内容和导出时请选择右上角 性能优先,否则会导致运行失败或者显示不正常!

选择性能优先的方法

我们可以在创建项目时在创建按钮上方选择性能优先,这也是比较快捷的一种选择方式。

如果我们在创建项目时忘记选择性能优先,也不要紧,我们可以在制作项目时在右上角进行更改。

我们还可以在项目完成后,进入导出界面,如果你选择的不是性能优先,那么在当你想导出为HTML5项目时,下方会有提示,我们可以单击提示修改为性能优先。

导出步骤

在我们确保我们的项目是性能优先的前提下,我们便可以开始进行HTML5格式的导出。

项目导出发布至HTML5,直接使用默认设置进行导出即可,选定导出目标文件夹(也可跳过文件路径设置,点击导出项目,直接导出到项目根目录当中),在导出时,如果勾选了使用调式导出选项框,导出的项目运行时,控制台窗口会显示对应log。如果不需要,请不要勾选它

tip

在导出之前如果想在浏览器中预览效果,我们可以先通过帮助旁边的按钮进行预览。

导出完成后在导出项目时设置的文件夹中可以看到如下文件列表:

可以在文件夹中看到“ web_server_win.exe ”,双击运行它就会自动将页面弹出来。

tip

您也可以在浏览器地址栏中输入 https://localhost:8080/我的web项目.html 来进行访问。 其中我的web项目.html为您导出的项目名称。

如果您是Mac用户请双击“ start ”以启动运行

下图为打开我们的HTML项目的步骤介绍:

局域网内其他用户也可以访问,只需要将localhost改成本机对应的局域网IP即可(此IP会在“ WebServer.exe “运行起来的黑窗口中看到,一般都为第一个ip,多网卡或者装有虚拟机的用户会有多个ip,这种情况需要用户自行判断自己实际物理网卡IP)。

注意这里的我的web项目.html是您填的导出项目名称。等待片刻后,就可以看见对应项目的场景。

tip

浏览器可能会缓存,所以同一台电脑发布的网页如果文件名一样,可能网页显示的是缓存内容。此时需要强制刷新页面

音视频格式转换

tip

在导出发布至HTML时,如果导出的资源包含非“.webm”格式的视频资源时,虽然最终可以成功导出,但是在浏览器内运行时场景内如果使用了非“.webm”格式的资源,那么该视频无法在浏览器内播放。

为了解决这个问题,IdeaXR引擎在编辑器中提供了视频转码到“.webm”格式的内嵌工具。其使用方法如下:

在文件窗口内右击需要转码的文件,在弹出的窗口中选择文件格式转换,点选弹出的webm格式,之后引擎会自动转码为同名的“.webm”格式的文件,之后在引擎中使用该视频的节点中替换视频为转码之后的“.webm”格式的文件。

当完成视频转码与场景树节点视频内容替换之后,重新回到HTML5导出的界面中,选择“导出项目”,在点选之后可能会弹出下图所示的弹窗:

该弹窗弹出表示当前导出的资源中含有浏览器不支持的视频格式,当你看到该窗口时,不必惊慌,如果你已经正确转码,并且完成了场景树节点中视频格式文件的替换,那么该窗口仅仅是提示你当前导出的资源包中含有浏览器不支持的视频格式,最终浏览器内的运行效果没有任何影响,点选警告窗口的“继续导出”,可以完成HTML5平台的导出工作。如果上述的转码与视频替换没有完成,则需要点选警告窗口内的“返回编辑器进行检查”,完成视频转码与场景树节点内的视频格式替换,否则导出的场景可能无法在Web平台正确播放视频。